<template>
  <div class="about">
    <a-button type="primary" @click="handleClick">点我一下试试</a-button>
  </div>
</template>

<script lang="ts" setup>
import request from "@/api"
import { message } from 'ant-design-vue'

const handleClick = () => {
  request.testController.testHello().then((res: any) => {
    message.success(res.data)
  })
}
</script>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>
